<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="initial-scale=1, user-scalable=0, minimal-ui" charset="UTF-8">
    <title></title>
</head>
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/serverUrl.js"></script>
<script type="text/javascript">
	function getNewsDetail(fileListString){
		var fileList = fileListString
		$("#newsDetail").empty()
		var size = fileList.length
		for (var i =0;i<size;i++){
			var fileObj = fileList[i]
            var fileName = fileObj.fileName
            var fileString = fileObj.filePath
			if (fileString.indexOf('.jpg')>-1|| fileString.indexOf('.png')>-1 || fileString.indexOf('.jepg')>-1){
			    var imgString = '<img class="fileImage" src=\''+serverUrl+fileString +'\'/>'
			     $("#newsDetail").append(imgString)
			}else{
                var url = serverUrl + fileString
                var htmlString = '<p><a class="contentA" href=\"'+url+'\" >'+fileName+'</a></p>'
                $("#newsDetail").append(htmlString)
			}

		}
	}
</script>
<style type="text/css">
    body{
        padding-left:0.1rem;
        padding-right:0.1rem;
        padding-top:0.3rem;
        background: #f8f8f8;
    }
    p{
        font-size:14px;
    }
    .fileImage{
        background-size: contain;
    }
    .news-title{
        font-size:22px;
    }
    .news-label {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        font-size:14px;
        color:#999;
        margin:4px 0px 10px;
    }

    .detail-record {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .detail-date {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
    }

    .detail-icon {
        width:24px;
        height:24px;
    }

    .news-content {
        font-size:18px;
    }


    img {
        width: 100%;
    }
    .news-content img {
        width:100%;
    }

    .news-content video {
        width:100%;
    }

    #newsDetail p {
        font-size:16px
        line-height: 30px;

    }
    #newsDetail img{
       text-indent:0!important;
    }
    #newsDetail .fileImg{
        width: 16px;
        height: 16px;
    }
    #newsDetail .fileA {
        font-size:16px
    }


	</style>
<body>
<div class='news-content'>
    <div id="newsDetail"></div>
</div>
</body>
</html>
